var test1 = {
    "name": "赏金猎人",
    "actors": "李敏镐,钟汉良,唐嫣,徐正曦,吴千语,樊少皇",
    "score": 8.9,
    "diretor": "申太罗",
    "releaseTime": "七月 1, 2016",
    "time": 105,
    "summary": "几个各有理想的普通华人，在美国当上了赏金猎人，即专门协助执法者缉捕潜逃的疑犯，从而获取报酬，同时亦令逃犯获得应有的法律制裁。这几个赏金猎人在经历连番惊险的任务后，最终凭着各自的特长，成功缉拿了罪犯。",
    "status": "01",
    "id": "1"
  };

 var test2 =  [
    {
      "name": "赏金猎人",
      "actors": "李敏镐,钟汉良,唐嫣,徐正曦,吴千语,樊少皇",
      "score": 8.9,
      "diretor": "申太罗",
      "releaseTime": "七月 1, 2016",
      "time": 105,
      "summary": "几个各有理想的普通华人，在美国当上了赏金猎人，即专门协助执法者缉捕潜逃的疑犯，从而获取报酬，同时亦令逃犯获得应有的法律制裁。这几个赏金猎人在经历连番惊险的任务后，最终凭着各自的特长，成功缉拿了罪犯。",
      "status": "01",
      "id": "1"
    },
    {
      "name": "惊天魔盗团2",
      "actors": "杰西·艾森伯格,伍迪·哈里森,戴夫·弗兰科,马克·鲁法洛,丹尼尔·雷德克里夫,周杰伦,丽兹·卡潘,迈克尔·凯恩,摩根·弗里曼",
      "score": 8.6,
      "diretor": "朱浩伟",
      "releaseTime": "六月 24, 2016",
      "time": 126,
      "summary": "在《惊天魔盗团》中，天启四骑士用幻术骗过FBI并赢得公众的崇拜。一年后，他们在续集《惊天魔盗团2》中卷土重来，却迎来了新敌人，这个敌人请他们去完成一次最危险的抢劫。",
      "status": "01",
      "id": "2"
    },
    {
      "name": "所以......和黑粉结婚了",
      "actors": "朴灿烈,袁姗姗",
      "score": 8.9,
      "diretor": "金帝荣",
      "releaseTime": "六月 30, 2016",
      "time": 99,
      "summary": "女记者方淼淼（袁姗姗 饰）不小心撞破大明星后准（朴灿烈（Park Chan Yeol）饰）的私生活，用手机拍照后爆出独家猛料，引发后准公司投诉并遭杂志社辞退，从此与后准结怨，成为复仇的“黑粉”。但不久，两人双双受邀参与一档真人秀节目，并在互虐过程中渐生情愫，而后准与高翔（姜潮 饰）和艾琳（徐玄 饰）的复杂关系也渐渐浮出水面……",
      "status": "01",
      "id": "3"
    },
    {
      "name": "独立日：卷土重来",
      "actors": "利亚姆·海姆斯沃斯,杰西·厄舍,麦卡·梦露,杰夫·高布伦,布伦特·斯皮内,夏洛特·甘斯布,比尔·普尔曼,杨颖,薇薇卡·福克斯,乔伊·金",
      "score": 8.4,
      "diretor": "罗兰·艾默里奇",
      "releaseTime": "六月 24, 2016",
      "time": 120,
      "summary": "《独立日：卷土重来》讲述了由于此前收获了外星科技，经过世界范围内的长期合作研发，人类已经创造出了最尖端的科技来保卫地球，但没想到外星人卷土重来，发起了一波更猛烈的攻击，在人类濒临绝望时，一小部分勇敢的男女站出来，肩负起了反抗外星人，保卫人类家园的重任。",
      "status": "01",
      "id": "4"
    }
  ];

// 头部电影详情
var detail = new Vue({
	el: '.detail-cont',
	data: {
		msg: test1
	}
});
// 电影列表单个模板
var movieCard = Vue.component('movie-model',{
	template: '#movieModel'
});
// 头部切换影片（电影列表）
var movieList = new Vue({
	el: '#open-list',
	data: {
		items: test2
	}
});


$(function(){
	message.getMovieId();
});

// 向后台提交POST
var fdAPI = {

	// 根路径
	rootUrl: publicDom.config.url,

	// 获取影院详情
	movieDateil: function(id){
        var param = publicDom.getParam('后台方法'),
            newURL = this.rootUrl + '?type=' + param.type + '&method=' + param.method + '&token=' + param.token,
            newParam = {
                "id": id
            };
        publicDom.getData('post', newURL, newParam, function(data){
            var jsonData = $.parseJSON(data);
            console.log(jsonData);
            // 头部电影详情
			new Vue({
				el: '.detail-cont',
				data: {
					msg: jsonData
				}
			});
        });
    },

}

//获取某些信息
var message = {

	url: window.location.search,
	str: window.location.search.substr(1),

	//从URL中提取出movieId
	getMovieId: function(){
		var value = "",
			strs = this.str.split("&");
		value = unescape(strs[0].split("=")[1]);
		console.log('movieId:'+value);
		return value;
	}

};

// 页面渲染
var render = {

	movieRender: function(){
		fdAPI.movieDetail(message.getMovieId());
	},

}

// 事件绑定
var bindEvent = function(){

}